/* The main calendar widget.  DIV containing a table. */

.calendar {
	width:202px;
  position: relative;
  border:1px solid #cabfd1; background:#fefdfe; color:#685d76;
}

.calendar table {
	width:100%;
  color:#685d76;
	background:url(../images/cldwin-bg.gif) repeat-x;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
text-align:center;line-height:20px; padding:0;vertical-align:middle; background:url(../images/cldwin-bg.gif) 0 -25px; border-top:1px solid #f5f3f7; border-right:1px solid #d7d1db; border-bottom:1px solid #d7d1db; border-top:1px solid #d7cfdd; cursor:pointer;height:20px;
}

.calendar .titlecss{ background:url(../images/cldwin-bg.gif); line-height:19px; font-weight:bold; text-align:center;}

.calendar .close{ height:19px; width:19px; background:url(../images/cldwin-close.gif) no-repeat center; cursor:pointer;}

.calendar .nav {
}

.calendar thead .titlerow{ background:url(../images/cldwin-bg.gif); line-height:19px;}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
 border-bottom:1px solid #d7d1db;
 padding-right:3px;
 text-align:right;
 line-height:18px;
 background:#fefdfe;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #ff793e;
}

.calendar thead .headrow .hilite { /* How do the buttons in header appear when hover */
	background-position:0 -50px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width:12.5%;
	height:14px;
  text-align: right;
	padding-right:3px;
	border:1px solid #fefdfe;
	cursor:default;
	background:#fefdfe;
}

.calendar table .wn {
	border-right:1px solid #d7d1db;
	line-height:18px;
	text-align:center;
	padding:0;
}

.calendar tbody .rowhilite td {
}

.calendar tbody .rowhilite td.wn {
background:#f4eff6;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
   background:#f4eff6; border:1px solid #f4eff6; border-bottom-color:#d2c0db; border-right-color:#d2c0db;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  border:1px solid #f4eff6; border-left-color:#d2c0db; border-top-color:#d2c0db;
  background: #f4eff6;
}

.calendar tbody td.selected { /* Cell showing selected date */
  border:1px solid #f4eff6; border-left-color:#d2c0db; border-top-color:#d2c0db;
  background: #f4eff6;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #ff793e;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
   background:url(../images/cldwin-bg.gif); height:19px; text-align:center;
	 line-height:19px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #d8e0e4;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border:1px solid #cabfd1;
  background: #fefdfe;
	font-family:Verdana;
  font-size: 10px;
  padding: 1px;
}

.combo .label,
.combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.combo .label-IEfix {
  width: 4em;
}

.combo .active {
  background: #DDD1E3;
  padding: 0px;
  border-bottom:1px solid #d2c0db;
}

.combo .hilite {
  background: #f4eff6;
}

.calendar td.time {
  border-top:1px solid #d7d1db; border-bottom:1px solid #d7d1db;
  text-align: center;
  background-color: #f4eff6;
	height:17px;
	font-weight:bold; font-family:Verdana;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
   font-size:10px; background:#fefcff; border:1px solid #b4a3bc; padding:0 2px; overflow:hidden; height:14px; margin:2px 1px 0; line-height:12px; cursor:default;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background-color: #f4eff6;
}

.calendar td.time span.active {
}
